<ion-header>
  <ion-toolbar>
    <ion-buttons slot="start">
      <ion-button appDebounceClick (debounceClick)="cancel()">
        <img src="/assets/img/back_left.png" class="backBtnStyle">
      </ion-button>
    </ion-buttons>
    <ion-title>{{tagData.label}}</ion-title>
    <ion-buttons slot="end" *ngIf="tagData.dataValue && tagData.dataValue.length > 0">
      <ion-button class="add-btn" appDebounceClick (debounceClick)="add()">
        添加
      </ion-button>
    </ion-buttons>
  </ion-toolbar>
</ion-header>
<ion-content  [forceOverscroll]="true">
  <ng-container *ngIf="(!tagData.dataValue || tagData.dataValue.length === 0)">
    <div class="bg-empty">
      <img class="house-empty" src="../assets/fw/empty_house.png" alt="">
      <p class="tips" *ngIf="tagData.dataType === 'preSale'">无预售许可证，请添加</p>
      <p class="tips" *ngIf="tagData.dataType === 'houseType'">无户型图，请添加户型图</p>
      <p class="add" appDebounceClick (debounceClick)="add()">去添加</p>
    </div>
      
  </ng-container>
  
    
    <ng-container *ngIf="tagData.dataType === 'houseType' && tagData.dataValue && tagData.dataValue.length > 0">
      <ng-container *ngFor="let info of tagData.dataValue,let i=index" >
        <div class="bg">
          <div class="item-bg">
            <img class="img" src="{{info.house_picurl}}" alt="">
            <div class="content">
              <p class="name">{{info.house_name}}
                <span *ngIf="info.house_type == 0" class="tag">普通住宅</span>
                <span *ngIf="info.house_type == 1" class="tag">公寓</span>
                <span *ngIf="info.house_type == 2" class="tag">别墅</span>
                <span *ngIf="info.house_type == 3" class="tag">平房</span>
                <span *ngIf="info.house_type == 4" class="tag">商住楼</span>
                <span *ngIf="info.house_type == 5" class="tag">其他</span>
                <span *ngIf="info.sales_status == 0" class="tag">在售</span>
                <span *ngIf="info.sales_status == 1" class="tag">待售</span>
              </p>
              <p class="info"><span class="mr05" *ngIf="info.area && info.area > 0">{{info.area}}㎡</span>
                <span class="mr05" *ngIf="info.room_type || info.room_hall || info.room_bit">{{info.room_type}}室{{info.room_hall}}厅{{info.room_bit}}卫</span>
              </p>
              <p class="info">
                <span class="mr05" *ngIf="info.suite_num && info.suite_num > 0">{{info.suite_num}}套</span>
                <span class="mr05" *ngIf="info.main_room_type == 0">主推房型</span>
              </p>
            </div>
          </div>
          <div class="action-bg">
            <div style="flex-grow: 1;"></div>
            <div class="action" appDebounceClick (debounceClick)="modify(info,i)">
              <img class="icon" src="../assets/img/List operation_icon_xg@3x.png" alt="">
              <p class="action-text">修改</p>
            </div>
            <div class="action" appDebounceClick (debounceClick)="del(info,i)">
              <img class="icon" src="../assets/img/List_operation_delete@3x.png" alt="">
              <p class="action-text">删除</p>
            </div>
            
          </div>
        </div>
        
      
      </ng-container>
    </ng-container>
    
    <ng-container *ngIf="tagData.dataType === 'preSale' && tagData.dataValue && tagData.dataValue.length > 0">
      <ng-container *ngFor="let info of tagData.dataValue,let i=index" >
        <div class="bg">
          <div class="item-bg">
            <img class="img" src="{{info.certificate}}" alt="">
            <div class="content">
              <p class="name">{{info.number}}</p>
              <p class="info">{{info.issuing_time | date:'yyyy-MM-dd'}}</p>
              <p class="info">{{info.bind_building}}</p>
            </div>
          </div>
          <div class="action-bg">
            <div style="flex-grow: 1;"></div>
            <div class="action" appDebounceClick (debounceClick)="modify(info,i)">
              <img class="icon" src="../assets/img/List operation_icon_xg@3x.png" alt="">
              <p class="action-text">修改</p>
            </div>
            <div class="action" appDebounceClick (debounceClick)="del(info,i)">
              <img class="icon" src="../assets/img/List_operation_delete@3x.png" alt="">
              <p class="action-text">删除</p>
            </div>
            
          </div>
        </div>
        
      
      </ng-container>
    </ng-container>
     
</ion-content>
<!-- formType: "modalOfLocalEdit", // 新增类型
            label: "户型图",
            placeHolder: "请添加",
            showValue:'',
            formKey:'house_types',
            dataType:'houseType' , //preSale 预售 houseType 户型
            value:[
            {
              house_type_id:'133333',
              house_picurl:"url",
              house_name:"户型A",
              house_type:"普通住宅",
              area:100,
              sales_status:0,type:'houseType' , //preSale 预售 houseType 户型
              main_room_type:0,
              suite_num:20,
            }
          ], -->